$(function(){
    var page = 1
    function popFn(type , id){
        popHtml = ''
        popHtml += '<div id="graybg_pop" class="graybg_pop ie6fixed_t" style="display:block"></div>'
        popHtml += '<div class="col-lg-3 teacher_pop friend_pop" style="display:boock">'
        popHtml += '    <span class="teacher_tit">添加</span>'
        popHtml += '    <i class="fa fa-times" aria-hidden="true"></i>'
        popHtml += '    <div class="form-group" style="padding-top: 50px;">'
        popHtml += '        <label>类别名称</label>'
        if(type == 1){
            popHtml += '        <input class="form-control txt_ipt" value="" placeholder="请输入类别名称">'    
        }else{
            popHtml += '        <input class="form-control txt_ipt" value="" placeholder="请输入类别名称">'    
        }
        popHtml += '    </div>'
        popHtml += '    <p class="p_btn"><button type="button" class="btn btn-lg btn-success add_ok" data_id = "'+ id +'" data_type="'+ type +'">确定</button></p>'
        popHtml += '</div>'
    }

    admin.ajaxFn(
        {
            url:admin.baseUrl.classifyLineList,
            type : 'POST',
            data : {}
        },
        function(data){
            data.pageShow = page == 1 ? false : true
            $('#classnav').html(template('classnavTpl',{'res': data}));
        }
    )



    //删除
    $('body').on( 'click' ,'.btn-danger' , function(){
        var dataid = $(this).attr('data_id')
        layer.open({
            type: 1
            ,title: false //不显示标题栏
            ,closeBtn: false
            ,area: '300px;'
            ,shade: 0.8
            ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
            ,btn: ['确定', '取消']
            ,btnAlign: 'c'
            ,moveType: 1 //拖拽模式，0或者1
            ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">确定要删除吗？</div>'
            ,yes: function(){

                $('.layui-layer-shade, .layui-layer').hide();
                admin.ajaxFn(
                    {
                        url:admin.baseUrl.classifyLineListRemove,
                        type : 'GET',
                        data : {
                            id : dataid
                        }
                    },
                    function(data){
                        alert('删除成功！')
                        //友情列表
                        admin.ajaxFn(
                            {
                                url:admin.baseUrl.classifyLineList,
                                type : 'POST',
                                data : {
                                    id : $('.add_cur').attr('data_id')
                                }
                            },
                            function(data){
                                $('#classnav').html(template('classnavTpl',{'res': data}));
                            }
                        )
                    }
                )
            }
            
        });
    })

    //添加
    $('body').on( 'click' ,'.add_list' , function(){
        popFn(1,'');
        $('body').append(popHtml)
    })
    //查看
    $('body').on( 'click' ,'.info_list' , function(){
        var dataid = $(this).attr('data_id')
        page++
        admin.ajaxFn(
            {
                url:admin.baseUrl.classifyLineList,
                type : 'POST',
                data : {
                    id : dataid
                }
            },
            function(data){
                data.pageShow = page == 1 ? false : true
                $('#classnav').html(template('classnavTpl',{'res': data}));
                if(data.data.length == 0){
                    setTimeout(function(){
                        popFn(1,'');
                        $('body').append(popHtml)
                    },500)
                    
                }
                
            }
        )
    })

    //返回上一级
    $('body').on( 'click' ,'.cancal_list' , function(){
        var dataid = $(this).attr('data_id')
        page--
        admin.ajaxFn(
            {
                url:admin.baseUrl.classifyLineList,
                type : 'POST',
                data : {
                    id : dataid
                }
            },
            function(data){
                data.pageShow = page == 1 ? false : true
                $('#classnav').html(template('classnavTpl',{'res': data}));
            }
        )
    })

    //修改
    $('body').on( 'click' ,'.mod_list' , function(){
        var dataid = $(this).attr('data_id')
        
        admin.ajaxFn(
            {
                url:admin.baseUrl.classifyLineListMod,
                type : 'GET',
                data : {
                    id : dataid
                }
            },
            function(data){
                popFn(2,dataid);
                $('body').append(popHtml)
                $('.txt_ipt').val(data.name)

            }
        )
        
    })

    
    //确定
    $('body').on( 'click' ,'.add_ok' , function(){
        var dataId = $('.add_list').attr('data_id'),
            datatype = $(this).attr('data_type'),
            datathisid = $(this).attr('data_id')
        if($('.txt_ipt').val().length <= 0){
            layer.msg('请输入类别名称');
            return false
        }else{
            if(datatype == 1){
                admin.ajaxFn(
                    {
                        url:admin.baseUrl.classifyLineListAdd,
                        type : 'POST',
                        data : {
                            name : $('.txt_ipt').val(),
                            id : dataId
                        }
                    },
                    function(data){
                        admin.ajaxFn(
                            {
                                url:admin.baseUrl.classifyLineList,
                                type : 'POST',
                                data : {
                                    id : $('.add_cur').attr('data_id')
                                }
                            },
                            function(data){
                                $('#graybg_pop , .teacher_pop').remove();
                                layer.msg('添加成功');
                                $('#classnav').html(template('classnavTpl',{'res': data}));
                            }
                        )
                    }
                )
            }else{
                admin.ajaxFn(
                    {
                        url:admin.baseUrl.classifyLineListUpdate,
                        type : 'POST',
                        data : {
                            name : $('.txt_ipt').val(),
                            id : datathisid
                        }
                    },
                    function(data){
                        admin.ajaxFn(
                            {
                                url:admin.baseUrl.classifyLineList,
                                type : 'POST',
                                data : {
                                    id : $('.add_cur').attr('data_id')
                                }
                            },
                            function(data){
                                $('#graybg_pop , .teacher_pop').remove();
                                layer.msg('修改成功');
                                $('#classnav').html(template('classnavTpl',{'res': data}));
                            }
                        )
                    }
                )
            }
            
        }

    })
    



})